
<template>
  <div id="app"> 
    <blog-header></blog-header>
    <router-view></router-view> 
  </div>
</template>
 
<script> 
import BlogHeader from './components/BlogHeader'
 
export default {
  name: 'app',
  components: {
    BlogHeader
  }
}
</script>
 
<style>
body{
  margin: 0;
  background-image: url("../src/img/Img_App_bg1.jpg");
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  background-image: "../src/img/Img_App_bg.jpg";
}
</style>